<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <!-- 示例六：独立作用域的隔离性 -->
    <!--
        通过在 directive 中声明了 scope 属性从而创建了一个作用域，其父作用域为 ctrl 所属的作用域。
        但是，这个作用域是孤立的，因此，它访问不到父作用域的中的任何属性。
        存在这样设计机制的好处是：能够创建出一些列可复用的 directive，这些 directive 不会相互在拥有的属性值上产生串扰，也不会产生任何副作用。
    -->
    <div ng-controller="ctrl">
        <div isolate-directive></div>
    </div>

    <script>
        angular.module('app', [])
            .controller('ctrl', ['$scope', function($scope) {/* 父作用域 */
                $scope.args = {};
            }])
            .directive("isolateDirective", function () {
                return {
                    scope : {},
                    link : function($scope, $element, $attr) {
                        alert($scope.$args); //输出 undefined
                    }
                };
            });

    </script>
</body>
</html>